// 入口函数
$(function () {
    //ajax预处理函数(js文件夹中存放，html页面在login.js之前引入)
    //弹层对象
    var layer = layui.layer;
    // alert("ok")
    // 1.切换登录和注册表单
    $("#link_reg").on("click", function () {
        // 注册表单显示
        $(".reg-box").show();
        // 登录表单要隐藏
        $(".login-box").hide();
    })
    $("#link_login").on("click", function () {
        // 注册表单隐藏
        $(".reg-box").hide();
        // 登录表单显示
        $(".login-box").show();
    })
    // 2-自定义表单校验规则
    var form = layui.form;
    form.verify({
        // pwd规则名
        pwd: [
            /^[\S]{6,12}$/, '密码必须是6-12位的非空字符'
        ],
        repwd: function (value, item) {
            // value 使用此规则的表单项的值(确认密码框的值)
            // item 使用此规格的表单项元素对象
            // console.log(value);
            var password = $("#form_reg [name=password]").val();
            if (value !== password) {
                return '两次密码不一致';
            }
        }
    })
    // 3-注册用户
    // 给注册表单，绑定submit事件
    $("#form_reg").on("submit", function (e) {
        // 阻止默认提交行为
        e.preventDefault();
        // 收集表单数据
        var username = $("#form_reg [name=username]").val().trim();
        var password = $("#form_reg [name=password]").val().trim();
        var repassword = $("#form_reg [name=repassword]").val().trim();
        // console.log(username,password,repassword);
        $.ajax({
            url: '/api/reguser',
            method: 'post',
            data: {
                username,
                password
            },
            success: function (res) {
                console.log(res);
                if (res.status !== 0) {
                    // return alert("注册失败")
                    return layer.msg(res.message, {
                        icon: 5
                    })
                }
                // alert("注册成功")
                layer.msg('注册成功', {
                    icon: 6
                }, function () {
                    $("#link_login").click()
                })
            }
        })
    })
    // 4登录功能
    $('#form_login').on('submit', function (e) {
        //阻止默认行为
        e.preventDefault();
        //收集表单数据
        var data = $(this).serialize();
        $.ajax({
            url: '/api/login',
            method: 'post',
            data: data,
            success: res => {
                console.log(res);
                // 判断是否请求成功
                if (res.status !== 0) {
                    return layer.msg(res.message, {
                        icon: 5
                    });
                }
                layer.msg('登录成功', {
                    icon: 6
                }, function () {
                    //保存token到本地 用于有权限接口的身份认证
                    localStorage.setItem('token', res.token);
                    // 跳转到后台
                    location.href = '/index.html';
                })
            }
        })
    })
})